﻿@charset "utf-8";



/* Logo y Menú normal y móvil */

.logo {

	background: url('../img/sprite.png') no-repeat -72px -6px;

	width: 79px;

	height: 79px;

}

.logo-mobile {

	background: url('../img/sprite.png') no-repeat -4px -23px;

	width: 61px;

	height: 62px;

}

.mibusandando {

	background: url('../img/sprite.png') no-repeat -169px -6px;

	width: 40px;

	height: 24px;

}

.active > .mibusandando {

	background: url('../img/sprite.png') no-repeat -169px -59px;

	width: 40px;

	height: 24px;

}

.localizame {

	background: url('../img/sprite.png') no-repeat -231px -6px;

	width: 16px;

	height: 35px;

}

.active > .localizame {

	background: url('../img/sprite.png') no-repeat -231px -59px;

	width: 16px;

	height: 36px;

}

.planeomiviaje {

	background: url('../img/sprite.png') no-repeat -272px -5px;

	width: 29px;

	height: 39px;

}

.active > .planeomiviaje {

	background: url('../img/sprite.png') no-repeat -272px -59px;

	width: 29px;

	height: 38px;

}

.informacion {

	background: url('../img/sprite.png') no-repeat -316px -6px;

	width: 40px;

	height: 29px;

}

.active > .informacion {

	background: url('../img/sprite.png') no-repeat -316px -59px;

	width: 40px;

	height: 29px;

}

.mibusandando2 {

	background: url('../img/sprite.png') no-repeat -375px -6px;

	width: 53px;

	height: 32px;

}

.active > .mibusandando2 {

	background: url('../img/sprite.png') no-repeat -375px -59px;

	width: 53px;

	height: 31px;

}

.localizame2 {

	background: url('../img/sprite.png') no-repeat -451px -6px;

	width: 21px;

	height: 46px;

}

.active > .localizame2 {

	background: url('../img/sprite.png') no-repeat -451px -59px;

	width: 21px;

	height: 46px;

}

.planeomiviaje2 {

	background: url('../img/sprite.png') no-repeat -499px -6px;

	width: 39px;

	height: 49px;

}

.active > .planeomiviaje2 {

	background: url('../img/sprite.png') no-repeat -499px -59px;

	width: 39px;

	height: 49px;

}

.informacion2 {

	background: url('../img/sprite.png') no-repeat -555px -6px;

	width: 53px;

	height: 38px;

}

.active > .informacion2 {

	background: url('../img/sprite.png') no-repeat -555px -59px;

	width: 53px;

	height: 38px;

}

/* Fondos de los enlaces del menú */

.menuhover {

	background: url('../img/sprite.png') no-repeat -4px -93px;

	width: 160px;

	height: 54px;

}

.menucuenta {

	background: url('../img/sprite.png') no-repeat -4px -147px;

	width: 160px;

	height: 54px;

}

.menuhover-mobile {

	background: url('../img/sprite.png') no-repeat -4px -201px;

	width: 160px;

	height: 70px;

}



/* Íconos dentro del mapa y pop-ups */

.bus-verde {

	background: url('../img/sprite.png') no-repeat -169px -116px;

	width: 36px;

	height: 36px;

}

.bus-naranja {

	background: url('../img/sprite.png') no-repeat -210px -116px;

	width: 37px;

	height: 36px;

}

.bus-rojo {

	background: url('../img/sprite.png') no-repeat -170px -157px;

	width: 36px;

	height: 36px;

}

.pare {

	background: url('../img/sprite.png') no-repeat -210px -157px;

	width: 37px;

	height: 36px;

}

.bus-negro1 {

	background: url('../img/sprite.png') no-repeat -256px -117px;

	width: 33px;

	height: 20px;

}

.bus-negro2 {

	background: url('../img/sprite.png') no-repeat -293px -118px;

	width: 33px;

	height: 20px;

}

.bus-azul1 {

	background: url('../img/sprite.png') no-repeat -256px -141px;

	width: 33px;

	height: 19px;

}

.bus-azul2 {

	background: url('../img/sprite.png') no-repeat -293px -141px;

	width: 33px;

	height: 20px;

}

.usted-esta-aqui {

	background: url('../img/sprite.png') no-repeat -335px -118px;

	width: 12px;

	height: 25px;

}

.parada {

	background: url('../img/sprite.png') no-repeat -355px -118px;

	width: 15px;

	height: 38px;

}

.cerrar-negro {

	background: url('../img/sprite.png') no-repeat -379px -120px;

	width: 13px;

	height: 11px;

}

.cerrar-blanco {

	background: url('../img/sprite.png') no-repeat -379px -139px;

	width: 13px;

	height: 12px;

}

.esquina-dialogo {

	background: url('../img/sprite.png') no-repeat -400px -118px;

	width: 20px;

	height: 37px;

}

.reloj {

	background: url('../img/sprite.png') no-repeat -427px -118px;

	width: 10px;

	height: 9px;

}

.reloj2 {

	background: url('../img/sprite.png') no-repeat -441px -118px;

	width: 10px;

	height: 9px;

}

.cupos1 {

	background: url('../img/sprite.png') no-repeat -430px -133px;

	width: 5px;

	height: 12px;

}

.cupos2 {

	background: url('../img/sprite.png') no-repeat -443px -133px;

	width: 5px;

	height: 12px;

}

.anterior-blanco {

	background: url('../img/sprite.png') no-repeat -462px -118px;

	width: 6px;

	height: 12px;

}

.siguiente-blanco {

	background: url('../img/sprite.png') no-repeat -462px -136px;

	width: 6px;

	height: 12px;

}

.primero-blanco {

	background: url('../img/sprite.png') no-repeat -479px -118px;

	width: 12px;

	height: 12px;

}

.ultimo-blanco {

	background: url('../img/sprite.png') no-repeat -479px -136px;

	width: 12px;

	height: 12px;

}

.aumentar {

	background: url('../img/sprite.png') no-repeat -505px -118px;

	width: 15px;

	height: 15px;

}

.alejar {

	background: url('../img/sprite.png') no-repeat -510px -143px;

	width: 4px;

	height: 12px;

}

.micuenta {

	background: url('../img/sprite.png') no-repeat -531px -118px;

	width: 12px;

	height: 17px;

}

.active > .micuenta {

	background: url('../img/sprite.png') no-repeat -531px -141px;

	width: 12px;

	height: 17px;

}

.contacto {

	background: url('../img/sprite.png') no-repeat -559px -120px;

	width: 19px;

	height: 14px;

}

.active > .contacto {

	background: url('../img/sprite.png') no-repeat -559px -143px;

	width: 19px;

	height: 14px;

}

.historial {

	background: url('../img/sprite.png') no-repeat -590px -119px;

	width: 15px;

	height: 15px;

}

.active > .historial {

	background: url('../img/sprite.png') no-repeat -590px -142px;

	width: 15px;

	height: 15px;

}

.left-blanco {

	background: url('../img/sprite.png') no-repeat -256px -166px;

	width: 22px;

	height: 23px;

}

.right-blanco {

	background: url('../img/sprite.png') no-repeat -286px -164px;

	width: 22px;

	height: 24px;

}

.left-negro {

	background: url('../img/sprite.png') no-repeat -311px -165px;

	width: 22px;

	height: 23px;

}

.right-negro {

	background: url('../img/sprite.png') no-repeat -341px -163px;

	width: 22px;

	height: 24px;

}

.left-blanco2 {

	background: url('../img/sprite.png') no-repeat -371px -168px;

	width: 15px;

	height: 15px;

}

.right-blanco2 {

	background: url('../img/sprite.png') no-repeat -391px -168px;

	width: 15px;

	height: 15px;

}

.left-negro2 {

	background: url('../img/sprite.png') no-repeat -412px -168px;

	width: 15px;

	height: 15px;

}

.right-negro2 {

	background: url('../img/sprite.png') no-repeat -432px -168px;

	width: 15px;

	height: 15px;

}

.email {

	background: url('../img/sprite.png') no-repeat -457px -170px;

	width: 13px;

	height: 9px;

}

.active > .email {

	background: url('../img/sprite.png') no-repeat -475px -170px;

	width: 13px;

	height: 9px;

}

.planear {

	background: url('../img/sprite.png') no-repeat -493px -167px;

	width: 14px;

	height: 15px;

}

.active > .planear {

	background: url('../img/sprite.png') no-repeat -511px -167px;

	width: 14px;

	height: 15px;

}



/* Móvil */

.micuenta2 {

	background: url('../img/sprite.png') no-repeat -171px -204px;

	width: 16px;

	height: 22px;

}

.active .micuenta2 {

	background: url('../img/sprite.png') no-repeat -171px -239px;

	width: 16px;

	height: 21px;

}

.contacto2 {

	background: url('../img/sprite.png') no-repeat -203px -203px;

	width: 36px;

	height: 25px;

}

.active .contacto2 {

	background: url('../img/sprite.png') no-repeat -203px -237px;

	width: 35px;

	height: 25px;

}

.reload {

	background: url('../img/sprite.png') no-repeat -251px -202px;

	width: 29px;

	height: 26px;

}

.active .reload {

	background: url('../img/sprite.png') no-repeat -251px -236px;

	width: 29px;

	height: 26px;

}

.eia {

	background: url('../img/sprite.png') no-repeat -297px -202px;

	width: 161px;

	height: 83px;

}

.lista {

	background: url('../img/sprite.png') no-repeat -480px -215px;

	width: 43px;

	height: 45px;

}



/* Opciones Mi bus andando */

.desde {

	background: url('../img/sprite.png') no-repeat -3px -290px;

	width: 157px;

	height: 39px;

}

.active > .desde {

	background: url('../img/sprite.png') no-repeat -160px -290px;

	width: 157px;

	height: 39px;

}

.hacia {

	background: url('../img/sprite.png') no-repeat -316px -290px;

	width: 157px;

	height: 39px;

}

.active > .hacia {

	background: url('../img/sprite.png') no-repeat -472px -290px;

	width: 157px;

	height: 39px;

}

.close {

	background: url('../img/sprite.png') no-repeat -529px -167px;

	width: 16px;

	height: 16px;

}